This doesn't look intuitive since this FieldGroup's purpose is to cancel the previous one and not be one. We should do that automatically on all components with nested content that could be used in a FieldGroup.

We could make a new component to wrap the Modal, Slideover, Popover contents which voids the Button Group injection internally:

<NestedContent> <!-- provide(fieldGroupInjectionKey, null) -->
  <slot name="content"> ... </slot>
</NestedContent>

Indeed it might be better that manually having to wrap buttons every time. Could we just call useFieldGroup() in those components? 🤔

I think we need a separate component, the trick is that the trigger should inherit from the FieldGroup injection, while the content shouldn't

So you can't just override the injection in the modal component for example

Here I mentioned a potential solution to this #4242 (comment)